<template>
  <common-card 
    title="今日交易用户数"
    value="81,014"
  >
    <template>
      <v-chart :options="getOptions()" />
    </template>
    <template #footer>
      <span>退货率 </span>
      <span class="emphasis">5.14%</span>
    </template>
  </common-card>
</template>

<script>
import commonCardMixin from "@/mixins/commonCardMixin.js"
export default {
  mixins: [commonCardMixin],
  methods: {
    getOptions() {
      return {
        color: ['#3398DB'],
        series: [
          {
            type: "bar",
            barWidth: "60%",
            data: [410, 82, 200, 334, 390, 220, 150, 82, 200, 134, 290, 330, 150],
          }
        ],
        xAxis: {
          type: "category",
          data: ['00:00', "01:00", "02:00", '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00'],
          show: false
        },
        yAxis: {
          show: false
        },
        grid: {
          top: 0,
          left: 0,
          bottom: 0,
          right: 0
        }
      }
    }
  }
}
</script>

<style>

</style>